.ngw-audit-journal {
    display: flex;
    flex-direction: column;
    gap: 8px;
    box-sizing: border-box;
    height: 100%;

    > .wrapper {
        position: relative;
        flex-grow: 1;
        border: 1px solid var(--color-border);
        border-radius: var(--border-radius);
        background-color: var(--color-container);

        > .scroll {
            position: absolute;
            inset: 0;
            overflow-y: scroll;

            > table {
                border-collapse: collapse;
                width: 100%;

                thead {
                    position: sticky;
                    top: 0;

                    &::before,
                    &::after {
                        position: absolute;
                        z-index: -5;
                        inset: 0;
                        border-top-right-radius: var(--border-radius);
                        border-top-left-radius: var(--border-radius);
                        background-color: var(--color-container);
                        content: "";
                    }

                    &::before {
                        background-color: var(--color-container);
                    }

                    &::after {
                        border-bottom: 1px solid var(--color-border);
                        background-color: var(--color-alter);
                    }
                }

                tr {
                    &.summary,
                    &.detail.last {
                        border-bottom: 1px solid var(--color-border);
                    }

                    &.summary {
                        cursor: pointer;

                        &:hover {
                            background-color: var(--color-alter);
                        }
                    }

                    &.detail td {
                        line-height: 1.25;
                    }
                }

                td,
                th {
                    vertical-align: top;
                    border-left: 1px solid var(--color-border);
                    padding: 2px 8px;

                    &:first-child {
                        border-left: none;
                    }
                }

                th {
                    font-weight: bold;
                    text-align: left;
                    white-space: nowrap;
                }

                .c-timestamp {
                    width: 0;
                    white-space: nowrap;
                }

                .c-request {
                    width: 100%;
                    white-space: nowrap;

                    span.status {
                        margin-right: 1ch;

                        &.status-2xx {
                            color: var(--success);
                        }

                        &.status-4xx,
                        &.status-5xx {
                            color: var(--error);
                        }
                    }

                    span.method {
                        margin-right: 1ch;
                    }
                }

                .c-detail-key {
                    color: var(--text-secondary);
                    text-align: right;
                }

                .c-detail-val {
                    text-align: left;
                }
            }
        }
    }
}

.ngw-audit-journal-page-title {
    display: flex;
    flex-grow: 1;
    gap: 8px;

    .ant-picker-input > input {
        min-width: 10ch;
        max-width: 18ch;
    }
}
